import React from 'react'
import { ThemeProvider } from './contexts/ThemeContext'
import ThemedHeader from './components/ThemedHeader'
import ThemedContent from './components/ThemedContent'

function App() {
  return (
    <ThemeProvider>
      <div style={{ minHeight: '100vh', display: 'flex', flexDirection: 'column' }}>
        <ThemedHeader />
        <ThemedContent />
      
        <footer style={{ 
          textAlign: 'center', 
          padding: '16px', 
          background: '#f5f5f5',
          borderTop: '1px solid #e8e8e8',
          color: '#666'
        }}>
          © 2024 小米 HiUI - Message 组件实践
        </footer>
      </div>
    </ThemeProvider>
  )
}

export default App